<template>
    待办： <input type="text" name="" v-model="todoContent">
    <br>
    <input type="button" value="提交" @click="addTodo">
    <br>
    <input type="button" value="移除" @click="removeTodo">
    <br>
    {{ todos }}
</template>

<script setup lang="ts">
// @ts-ignore
import { ref, Ref } from "vue";
// @ts-ignore
import { invoke } from "@tauri-apps/api/tauri";

const todos: Ref<string[]> = ref([]);
const todoContent = ref("")


async function addTodo() {
    // todos.value = await invoke("add_todo", { todo: todoContent.value });
    todos.value.push(todoContent.value)
    todoContent.value = '';
}

async function removeTodo() {
    // todos.value = await invoke("greet", { todo: todoContent.value });
    todos.value.pop();
    todoContent.value = '';
}



</script>

